<template>
    <div class="one">
        <h3>品牌制造商直供</h3>
        <ul >
            <li v-for="item in brandListArr" :key="item.id" @click="clickfn(item)">
                <img :src="item.list_pic_url" alt="">
                <p>{{item.name}}</p>
                <span>{{item.floor_price |brandList}}</span>
            </li>
        </ul>
    </div>
</template>

<script>
export default {
    name: "Zhizao",
    props: ['brandListArr'],
    data() {
        return {

        };
    },
    created () {
        //console.log(this);
    },
    methods: {

        clickfn(item){
            //console.log('点击了',item.id);
            this.$router.push({ path:"/xiangqing",query:{id:item.id} });
           
        }
    }
};
</script>

<style lang='less' scope>
 .one h3{
    text-align: center;
    height: 1.33333rem;
    line-height: 1.33333rem;
    font-size: .53333rem;
 }
 .one ul{
    display: flex;
    flex-wrap: wrap;
   justify-content: space-between;
    li{
        position:relative;
        width: 49%;
        margin-bottom:10px;
    img{
        width: 100%;
    }
    p{
        position:absolute;
        top: 0.26667rem;
        left: 0.26667rem;
        font-size: 14px;
    }
     span{
        position:absolute;
        top: 0.9rem;
        left: 0.3rem;
        font-size: 14px;
        color: brown;
    }
    }
 }

</style>